<template>
  <div>
    <el-container>
      <el-header>欢迎</el-header>
      <el-container >
        <el-aside width="200px">

          <el-row class="tac"  >
            <el-col :span="24" height=2000>
              <el-menu
                :router=true
                default-active="2"
                class="el-menu-vertical-demo"
           >
                <el-submenu index="1">
                  <template slot="title">
                    <span>书籍管理</span>
                  </template>
                  <el-menu-item-group>
                    <el-menu-item index="/bookmagament">图书管理</el-menu-item>
                    <el-menu-item index="/insert">属性录入</el-menu-item>
                    <el-menu-item index="/attr">修改属性</el-menu-item>
                    <el-menu-item index="/update">文件上传</el-menu-item>
                  </el-menu-item-group>
                </el-submenu>
                <el-submenu index="2">
                  <template slot="title">
                    <span>人员管理</span>
                  </template>
                  <el-menu-item-group>
                    <el-menu-item index="/userGroup">用户组管理</el-menu-item>
                    <el-menu-item index="/auth">权限管理</el-menu-item>
                    <el-menu-item index="/user">人员管理</el-menu-item>
                  </el-menu-item-group>
                </el-submenu>

                <el-submenu index="3">
                <template slot="title">
                  <span>IP，企业管理</span>
                </template>
                <el-menu-item-group>
                  <el-menu-item index="/ipmanage">ip管理</el-menu-item>
                  <el-menu-item index="/businessManagement">企业管理</el-menu-item>
                </el-menu-item-group>
              </el-submenu>

                <el-submenu index="4">
                  <template slot="title">
                    <span>音频管理</span>
                  </template>
                  <el-menu-item-group>
                    <el-menu-item index="/audio">音频期刊分类</el-menu-item>
                    <el-menu-item index="/audioPeriod">音频期数</el-menu-item>
                    <el-menu-item index="/audioContent">音频详情</el-menu-item>
                  </el-menu-item-group>
                </el-submenu>










              </el-menu>
            </el-col>
          </el-row>


        </el-aside>
        <el-main>

          <router-view/>


        </el-main>
      </el-container>
    </el-container>


  </div>
</template>


<script>
  export default {
    data() {
      return {
        message: 'Hello Vue!',

      }
    },
    methods: {

    },




  }


</script>


<style>


</style>
